<template>
  <div style="padding: 25px">
    <el-row :gutter="20">
      <el-col :span="4" :offset="0">
        <selectTree
          :options="options"
          :props="props"
          @handleGetSelectVal="handleGetSelectVal"
        ></selectTree>
      </el-col>
      <el-col :span="4" :offset="0"> 
       <mSelect/>
      </el-col>
    </el-row>
  </div>
</template>


<script>
export default {
  data() {
    return {
      options: [
        {
          label: "一级部门",
          id: 1,
          children: [
            {
              label: "二级部门",
              id: 2,
            },
            {
              label: "三级部门",
              id: 3,
              children: [
                {
                  label: "四级部门",
                  id: 4,
                },
              ],
            },
          ],
        },
      ],
      props: {
        children: "children",
        label: "label",
        value: "id",
      },
    };
  },
  methods: {
    handleGetSelectVal(data) {
      console.log(data);
    },
  },
};
</script>
